@charset "UTF-8";
.formats { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.formats .wrapper { width: 1450px; padding: 80px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (max-width: 1470px) { .formats .wrapper { padding: 80px 30px; width: 100%; } }
.formats .wrapper h2 { color: #333333; font-size: 65px; font-weight: 800; margin: 0 0 40px 0; }
@media screen and (max-width: 1025px) { .formats .wrapper h2 { font-size: 36px; margin: 0 0 25px 0; } }
.formats .wrapper .formaaa { color: #333333; width: 50%; margin-bottom: 40px; opacity: 0.7; line-height: 22px; letter-spacing: 0.2px; font-size: 16px; }
@media screen and (max-width: 1000px) { .formats .wrapper .formaaa { width: 100%; } }
.formats .wrapper .formats_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 10px 0 0 0; }
.formats .wrapper .formats_block .format { background-color: #f9f9f9; padding: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: auto; margin: 0 0 30px 0; border-radius: 30px; }
@media screen and (max-width: 1150px) { .formats .wrapper .formats_block .format { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }
@media screen and (max-width: 768px) { .formats .wrapper .formats_block .format { padding: 30px; } }
.formats .wrapper .formats_block .format .desc { width: 50%; padding: 0 22px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 1150px) { .formats .wrapper .formats_block .format .desc { padding: 0 0 22px 0; width: 100%; } }
@media screen and (max-width: 650px) { .formats .wrapper .formats_block .format .desc { padding: 0; } }
.formats .wrapper .formats_block .format .desc .text h3 { color: #333333; font-size: 24px; font-weight: 800; margin: 0 0 30px 0; }
.formats .wrapper .formats_block .format .desc .text p.h3desc { color: #333333; font-size: 14px; opacity: 0.7; font-weight: 400; display: none; }
.formats .wrapper .formats_block .format .desc .text p { color: #333333; font-size: 16px; line-height: 22px; letter-spacing: 0.2px; margin: 0 0 25px 0; }
.formats .wrapper .formats_block .format .desc .text p:last-child { margin: 0; }
.formats .wrapper .formats_block .format .desc .text p a { color: #72b0c5; text-decoration: none; }
.formats .wrapper .formats_block .format .desc .text ul li { list-style-type: none; color: #333333; font-size: 14px; opacity: 0.9; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 5px 0; }
.formats .wrapper .formats_block .format .desc .text ul li:before { content: "—"; margin: 0 5px 0 0; display: block; }
.formats .wrapper .formats_block .format .desc .price h4 { color: #333333; opacity: 0.7; margin: 50px 0 20px 0; }
.formats .wrapper .formats_block .format .desc .price .open_pop-up { background-color: #72b0c5; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border: 0; margin: 25px 0 0 0; color: white; font-weight: 700; font-size: 20px; padding: 15px 45px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; }
.formats .wrapper .formats_block .format .desc .price .open_pop-up:hover { background-color: #ffe183; color: #333333; }
@media screen and (max-width: 650px) { .formats .wrapper .formats_block .format .desc .price .open_pop-up { padding: 15px 20px; font-size: 16px; width: 100%; text-align: center; } }
.formats .wrapper .formats_block .format .desc .price div { background-color: white; padding: 15px 20px; border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 10px 0 0 0; border: 3px solid #f0f0f0; }
@media screen and (max-width: 650px) { .formats .wrapper .formats_block .format .desc .price div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } }
.formats .wrapper .formats_block .format .desc .price div h4 { color: #333333; font-size: 24px; margin: 0; opacity: 1; }
@media screen and (max-width: 650px) { .formats .wrapper .formats_block .format .desc .price div h4 { margin: 0 0 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
.formats .wrapper .formats_block .format .desc .price div h4 span { color: #333333; opacity: 0.7; margin: 0 0 0 10px; font-size: 14px; font-weight: 400; }
@media screen and (max-width: 650px) { .formats .wrapper .formats_block .format .desc .price div h4 span { margin: 0; } }
.formats .wrapper .formats_block .format .desc .price div p { color: #333333; opacity: 0.7; font-size: 14px; }
.formats .wrapper .formats_block .format .desc .price div p span { opacity: 1; font-size: 24px; margin: 0 5px; font-weight: 700; }
.formats .wrapper .formats_block .format .img { width: 50%; height: auto; padding: 0 0 0 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 1150px) { .formats .wrapper .formats_block .format .img { padding: 22px 0 0 0; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
@media screen and (max-width: 650px) { .formats .wrapper .formats_block .format .img { padding: 0; } }
.formats .wrapper .formats_block .format .img img { margin: 0 15px 0 0; width: 100%; }
.formats .wrapper .formats_block .format .img img:last-child { margin: 0; }
@media screen and (max-width: 1150px) { .formats .wrapper .formats_block .format .img img { height: auto; width: 100%; } }